<template>
  <div class="no-result">
    <img src = "./no.png" :width="size" :height="size">
    <p>{{ txt }}</p>
  </div>
</template>

<script>
    export default {
        props: {
            size: {
                type: Number,
                default: 80
            },
            txt: {
                type: String,
                default: '暂时没有喜欢的歌曲'
            }
        }
    }
</script>

<style scoped lang="stylus">
@import "~common/stylus/variable"
  .no-result
    display flex
    flex-direction column
    justify-content center
    align-items center
    p
      margin-top 1rem
      color $color-text-l
      font-size $font-size-small
</style>
